<template>
    <div class="page coach-page family-teenagers">

        <div class="content">
            <div class="training-detail-crumb">
                <a class="back-btn" href="javascript:history.back()">返回</a>
            </div>
            <div class="teenager-lists">
                <div class="teenager-item display-flex-row bottom-line" v-for="(item,index) in list" :key="index">
                    <div class="num-wrap">
                        <span>{{item.sum}}</span>
                    </div>
                    <div class="flex1 memo-wrap">
                        <a class="cur" @click="goDetail(item.id)">{{item.title}}</a>
                        <p class="desc" v-html="item.content"></p>
                        <img class="image" src="/images/information-1.jpg" alt="">
                    </div>
                    <div class="user-wrap"><span>{{item.name}}</span></div>
                    <div class="time-wrap">{{item.updateTime|filtertime}}</div>
                </div>
                <el-pagination
                        background
                        class="pageforum"
                        @current-change="handleCurrentChange"
                        layout="prev, pager, next"
                        :page-size="pageSize"
                        :total="total">
                </el-pagination>
            </div>
        </div>
    </div>
</template>

<script>
    import {get, getAssessList, myAssessList, getList} from '../../api/api/forum.js';
    import {baseImgPath, basefile} from '@/config/env.js';

    function formatDate(timeStamp, type = 'Y-M-D H:I:S', auto = false) {
        let time = (timeStamp + '').length === 10 ? new Date(parseInt(timeStamp) * 1000) : new Date(parseInt(timeStamp));
        let _year = time.getFullYear();
        let _month = (time.getMonth() + 1) < 10 ? '0' + (time.getMonth() + 1) : (time.getMonth() + 1);
        let _date = time.getDate() < 10 ? '0' + time.getDate() : time.getDate();
        let _hours = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
        let _minutes = time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
        let _secconds = time.getSeconds() < 10 ? '0' + time.getSeconds() : time.getSeconds();
        let formatTime = '';
        let distinctTime = new Date().getTime() - time.getTime();

        if (auto) {
            if (distinctTime <= (1 * 60 * 1000)) {
                // console.log('一分钟以内，以秒数计算');
                let _s = Math.floor((distinctTime / 1000) % 60);
                formatTime = _s + '秒前';
            } else if (distinctTime <= (1 * 3600 * 1000)) {
                // console.log('一小时以内,以分钟计算');
                let _m = Math.floor((distinctTime / (60 * 1000)) % 60);
                formatTime = _m + '分钟前';
            } else if (distinctTime <= (24 * 3600 * 1000)) {
                // console.log('一天以内，以小时计算');
                let _h = Math.floor((distinctTime / (60 * 60 * 1000)) % 24);
                formatTime = _h + '小时前';
            } else if (distinctTime <= (30 * 24 * 3600 * 1000)) {
                let _d = Math.floor((distinctTime / (24 * 60 * 60 * 1000)) % 30);
                formatTime = _d + '天前';
                // console.log('30天以内,以天数计算');
            } else {
                // 30天以外只显示年月日
                formatTime = _year + '-' + _month + '-' + _date;
            }
        } else {

            switch (type) {
                case 'Y-M-D H:I:S':
                    formatTime = _year + '-' + _month + '-' + _date + ' ' + _hours + ':' + _minutes + ':' + _secconds;
                    break;
                case 'Y-M-D H:I:S zh':
                    formatTime = _year + '年' + _month + '月' + _date + '日  ' + _hours + ':' + _minutes + ':' + _secconds;
                    break;
                case 'Y-M-D H:I':
                    formatTime = _year + '-' + _month + '-' + _date + ' ' + _hours + ':' + _minutes;
                    break;
                case 'Y-M-D H':
                    formatTime = _year + '-' + _month + '-' + _date + ' ' + _hours;
                    break;
                case 'Y-M-D':
                    formatTime = _year + '-' + _month + '-' + _date;
                    break;
                case 'Y-M-D zh':
                    formatTime = _year + '年' + _month + '月' + _date + '日';
                    break;
                case 'Y-M':
                    formatTime = _year + '-' + _month;
                    break;
                case 'Y':
                    formatTime = _year;
                    break;
                case 'M':
                    formatTime = _month;
                    break;
                case 'D':
                    formatTime = _date;
                    break;
                case 'H':
                    formatTime = _hours;
                    break;
                case 'I':
                    formatTime = _minutes;
                    break;
                case 'S':
                    formatTime = _secconds;
                    break;
                default:
                    formatTime = _year + '-' + _month + '-' + _date + ' ' + _hours + ':' + _minutes + ':' + _secconds;
                    break;
            }
        }
        // 返回格式化的日期字符串
        return formatTime;
    }

    export default {
        data() {
            return {
                id: this.$route.query.id ? this.$route.query.id : 0,
                data: {
                    id: this.$route.query.id ? this.$route.query.id : 0,
                },
                body: {
                    content: "",
                    createTime: '',
                    id: 0,
                    name: null,
                    pic: null,
                    status: 0,
                    sum: 0,
                    title: "",
                    updateTime: 0,
                    userId: 0,
                    video: "",
                },
                pageSize: 10,
                total: 0,
                pageNum: 1,
                pages: 0,
                yess: true,
                statusId: sessionStorage.getItem('statusId') ? parseInt(sessionStorage.getItem('statusId')) : 0
            }
        },
        created() {
            this.GetList()
        },
        methods: {
            // 分类切换
            switchtitle(e) {
                this.active = e
            },
            handleClick(row) {
                console.log(row);
            },
            showDelete(e) {
                this.isdelete = true
                this.deletedata = this.list[e]
            },
            handleSizeChange(val) {
                this.pageSize = val
                this.GetList()
            },
            handleCurrentChange(val) {
                this.pageNum = val
                this.GetList()
            },
            delete_fun() {
                this.isdelete = !this.isdelete
            },
            goDetail(e) {
                var that = this;
                that.$router.push({
                    path: 'familyTeenagersDetail',
                    query: {
                        id: e
                    }
                })
            },
            goEdit(e) {
                var that = this;
                that.$router.push({
                    path: '/platform/news/edit',
                    query: {
                        id: e
                    }
                })
            },
            goAdd() {
                var that = this;
                that.$router.push({
                    path: '/platform/news/edit',
                })
            },
            getDelete(e) {
                var that = this;
                informationeditOne({
                    'status': 1,
                    'id': e,
                }).then(res => {
                    console.log(res);
                    if (res.code == 200) {
                        this.$message({
                            message: '删除成功',
                            type: 'success'
                        });
                        that.isdelete = false
                        that.GetList()
                    }
                });
            },
            GetList() {
                getList({
                    "pageNum": this.pageNum,
                    "pageSize": this.pageSize,
                    'type': 0,
                    "userId": this.statusId
                }).then(res => {
                    this.list = res.data.list
                    this.total = res.data.total
                });
            },
            Getunread() {
                unread().then(res => {
                    this.sum = res.data.sum
                });
            },
        },
        filters: {
            filtersImg: function (img) {
                return basefile + img
            },
            filtertime: function (data) {
                if (data) {
                    return formatDate(data, 'Y-M-D H:I:S')
                }
                return ''
            }
        }
    }
</script>

<style scoped>
    @import url("css/D-coach-training.css");
    .pageforum {
        text-align: right;
        margin-top: 20px;
    }
    .cur{
        cursor: pointer;
    }
</style>
